<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
<meta name="format-detection" content="telephone=no"/>  
<title>多省汇</title>
<meta name="keywords" content="多省汇">
<meta name="description" content="多省汇">
<link rel="icon" href="images/favicon.ico"  type="image/x-icon" />
<link rel="shortcut icon" href="images/favicon.ico"  type="image/x-icon" />
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/fenlei.css" />
<link rel="stylesheet" href="css/foot.css" />
<script src="js/jquery-1.10.1.min.js" ></script>
</head>

<body>
<header>
  <nav>
     <div class="set back"><a href="javascript:history.go(-1);"><img src="images/reg01.png"></a></div>
     <h1>指数详情</h1>
  </nav>
</header>
<div class="main">  
     
     <div class="dingdan-list">
        <ul>
           <li class="zhishu-xq">
             <p>2015年6月10日</p>
             <p><b>103.92<i>PMI</i></b> </p>
             <p class="f">指数有点高哦，还可以再降降！</p>
           </li>
           <li class="zhishu-dl">
             <dl>
               <dt>16/123</dt>
               <dd>预警/总条数</dd>
             </dl>
             <dl>
               <dt>1234.30</dt>
               <dd>采购总额</dd>
             </dl>
             <dl style="border-right:0;">
               <dt>534.30</dt>
               <dd>多花费</dd>
             </dl>
           </li>
        </ul>  
     </div>
     
     <div class="dingdan-list bottom0">
        <ul>
          <li class="noborderbottom">
             <span class="dengji1">1级<br>0-10%</span>
             <span class="dengji2">2级<br>10-20%</span>
             <span class="dengji3">3级<br>20-40%</span>
             <span class="dengji4">4级<br>>40%</span>            
          </li>
          <li class="noborderbottom">
            <table>
              <tbody>
                 <tr><th width="41%">商品</th><th width="22%">总价</th><th width="22%">超出</th><th width="15%">级别</th></tr>
                 <tr class="bgcolor-blue"><td>大白菜</td><td>￥124.00</td><td>￥24.00</td><td>1</td></tr>
                 <tr class="bgcolor-yellow"><td>大白菜</td><td>￥124.00</td><td>￥24.00</td><td>2</td></tr>
                 <tr class="bgcolor-orange"><td>大白菜</td><td>￥124.00</td><td>￥24.00</td><td>3</td></tr>
                 <tr class="bgcolor-red"><td>大白菜</td><td>￥124.00</td><td>￥24.00</td><td>4</td></tr>
                 <tr class="bgcolor-blue"><td>大白菜</td><td>￥124.00</td><td>￥24.00</td><td>1</td></tr>
                 <tr class="bgcolor-yellow"><td>大白菜</td><td>￥124.00</td><td>￥24.00</td><td>2</td></tr>
                 <tr class="bgcolor-orange"><td>大白菜</td><td>￥124.00</td><td>￥24.00</td><td>3</td></tr>
                 <tr class="bgcolor-red"><td>大白菜</td><td>￥124.00</td><td>￥24.00</td><td>4</td></tr>
              </tbody>
            </table>
          </li>
        </ul>  
     </div>
     
</div>


<footer>
   
    <div class="daohang">
      <a href="#" class="nav5">指数趋势</a>
      <a href="#" class="nav6">账目预警</a>
      <a href="#" class="nav3">采购管理</a>
      <a href="#" class="nav7">资讯信息</a>   
    </div>
</footer>

</body>
<script src="js/fenlei_slidedoor.js" ></script>
<script>

</script>
</html>
